<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>闭包与作用域</title>
</head>
<body>
    <script>
        //错误1
        // for (var i = 1; i <= 5; i++) {
        //         setTimeout(function timer() {
        //             console.log(j);
        //         }, i * 1000);
        //     }
        // //错误2
        // for(var i=1;i<=5;i++){
        //     setTimeout(function timer(){
        //         var j = i;
        //         console.log(j);
        //     },i*1000);
        // }
        //解决方案1
        // for (var i = 1; i <= 5; i++) {
        //     (function(){
        //         var j = i;
        //          setTimeout(function timer() {
        //             console.log(j);
        //         }, i * 1000);
        //     })();
               
        //     }
          for (var i = 1; i <= 5; i++) {
                (function (j) {
                    setTimeout(function timer() {
                        console.log(j);
                    }, i * 1000);
                })(i);
            }
    </script>
</body>
</html>